<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%@ include file="/common/taglib.jsp" %>
<%@ include file="/common/common.jsp" %>    
<base href="<%=basePath%>">
<title>鸿福迎门</title>
<link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css">
<!--渐隐样式-->
<link rel="stylesheet" href="play/css/luara.css"/>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="jquery-1.11.3/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap-3.3.5/js/bootstrap.min.js"></script>
<!--Luara js文件-->
<script src="play/js/jquery.luara.0.0.1.min.js"></script>
<style type=text/css>
	body{
		background-color:#f1f5f8;
	}
	.case{
		margin-top:10px;
	}
	.case_content table{
		width : 31%;
		margin-right : 20px;
		float:left;
	}
	.other{
		 clear:both ;
		 padding-top:5px;
	}
	.case_title{
		border:1px #fff solid;
		background-color:#fff;
	}
	.cs_s{
		margin-top:5px;
		cursor:pointer;
	}
	.cs{
		border:1px #fff;
		margin-left: 10px;

	}
	.cs_title{
		font-weight:bold;
	}
</style>
<script type="text/javascript">
$(function(){
	$("#case").addClass("active"); //添加样式
})
</script>
</head>
<body>
<jsp:include page="/index/head.html"></jsp:include>
<div class="container">
	<div class="body">
		<div class="cs_s"><span class="cs_title">风格:</span><span class="cs">田园</span><span class="cs">欧式</span></div>
		<div class="cs_s"><span class="cs_title">户型:</span><span class="cs">一室</span><span class="cs">二室</span><span class="cs">三室</span><span class="cs">四室</span></div>
		<div class="cs_s"><span class="cs_title">面积:</span><span class="cs">一室平米以下</span><span class="cs">70-80平米</span><span class="cs">80-90平米</span><span class="cs">90平米</span></div>
		<div class="cs_s"><span class="cs_title">预算:</span><span class="cs">8万以下</span><span class="cs">8-10万</span><span class="cs">10-14万</span><span class="cs">14-20万</span></div>
		<div class="case">
			<div class="case_content">
			<c:forEach items="${cs }" var="c">
				<table style="margin-top: 10px;">
					<tr>
						<td><a href="index/caseDesc.html?id=${c.id }"><img src="${c.coverPhoto }" width="100%" height="250px"/></a></td>
					</tr>
					<tr>
						<td class="case_title">
							<table style="width:100%">
								<tr><td><a href="index/caseDesc.html?id=${c.id }">${c.houseName }</a></td></tr>
								<tr><td><span>${c.styleValue }</span><span style="margin-left:10px;">${c.size }平米</span><span style="margin-left:10px;">${c.budget }万</span></td></tr>
							</table>
						</td>
					</tr>
				</table>
			</c:forEach>
			</div>
		</div>
	</div>
</div>
<jsp:include page="/index/bottom.html"></jsp:include>
</body>
</html>